//     编辑施工班组
<template>
  <div class="edit_buildTeam_wrap">
    <div class="edit_buildTeam_tit">
      基本信息
    </div>
    <div class="edit_buildTeam_content" v-for="(v,i) in projectContractDetailsDetails" :key="i">
      <p>
        <label>合同名称:</label>
        <span>{{v.contractName}}</span>
      </p>
      <p>
        <label>合同编号:</label>
        <span>{{v.contractNo}}</span>
      </p>
      <p>
        <label>关联项目:</label>
        <span>{{v.projectName}}</span>
      </p>
      <p>
        <label>开工日期:</label>
        <span>{{v.planBeginDate}}</span>
      </p>
      <p>
        <label>竣工日期:</label>
        <span>{{v.planOverDate}}</span>
      </p>
      <p>
        <label>甲方名称:</label>
        <span>{{v.jiaFangName}}</span>
      </p>
      <p>
        <label>联系人:</label>
        <span>{{v.jiaFangName}}</span>
      </p>
      <p>
        <label>联系电话:</label>
        <span>{{v.jiaFangPhone}}</span>
      </p>
      <p>
        <label>计价方式:</label>
        <span>{{v.valuation}}</span>
      </p>
      <p>
        <label>项目面积:</label>
        <span>{{v.projectArea}}</span>
      </p>
      <p>
        <label>付款备注:</label>
        <span>{{v.paymentRemark}}</span>
      </p>
      <p>
        <label>创建人:</label>
        <span>{{v.creatName}}</span>
      </p>
      <p>
        <label>创建日期:</label>
        <span>{{v.createDate}}</span>
      </p>
      <div class="subProjectTable">
        <template>
          <el-table :data="subProjectData" border style="width: 50%">
            <el-table-column type="index" label="序号" width="180">
            </el-table-column>
            <el-table-column prop="ziHeName" label="子项名称" width="180">
            </el-table-column>
            <el-table-column prop="heTongMoney" label="合同价">
            </el-table-column>
          </el-table>
        </template>
      </div>
      <div class="edit_buildTeam_tit">
        合同附件
      </div>
    </div>
    <div class="download_file">

    </div>
  </div>
</template>
<style src="../BuildTeamContract/style/EditTeamContract.css">
</style>
<script>
export default {
  data () {
    return {
      // 详情数据
      //       chapterStatus: "0"
      // chapterType: null
      // contractEnclosure: null
      // contractName: "劳务采购合同"
      // contractNo: "LWCG-202108002"
      // creatName: "陈昌卓"
      // createDate: "2022-05-03 20:14:43.0"
      // deptName: "安防管理中心"
      // heTongMoney: 300
      // id: "2"
      // jiaFangCompany: null
      // jiaFangName: "0"
      // jiaFangPhone: "15528522586"
      // name: "周柯"
      // paymentRemark: "1"
      // planBeginDate: "2022-05-10"
      // planOverDate: "2022-05-10"
      // projectArea: null
      // projectName: "北京地铁项目"
      // qianYueDate: "2022-05-10"
      // valuation: "总价包干"
      // 详情数据
      projectContractDetailsDetails: [
        {

        }
      ],
      // 子项数据
      subProjectData: [
        {
          contractId: "",
          heTongMoney: "",
          id: "",
          ziHeName: ""
        }
      ],
      contractId: '',
    };
  },
  methods: {
    // 获取项目合同详情
    getProjectDetails () {
      this.contractId = this.$route.query.id;
      this.$contractApi.getProjectDetails(this.contractId).then(res => {
        if (res.data.code == 200) {
          this.projectContractDetailsDetails = res.data.data
          this.subProjectData = this.projectContractDetailsDetails[0].ziContractList;
          console.log(res);
        } else {
          console.log(res);
        }
      })
    },
    getDetails () {

    }
  },
  created () {

  },
  mounted () {
    this.getProjectDetails()
  },
  computed: {

  }
};
</script>

